<!doctype html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>交友卡片</title>
    <!-- head 中 -->
    <link rel="stylesheet" href="${s.base}/mobile/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/jquery-weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/css/weuix.min.css" />
    <link rel="stylesheet" href="${s.base}/mobile/css/index.css"></head>

<body>
<div class="main">
    <div id="mask" class="mask"></div>
    <div class="weui-tab">
        <div class="weui-tab__bd">
            <div id="tab1" class="weui-tab__bd-item weui-tab__bd-item--active">
                <div class="role_per">
                    <div>
                        <div class="role_box">
                            <div class="photo">
                                <img src="${start.headImage}">
                            </div>
                            <div class="addressandother">
                                <p>
                                    <span class="name overhidden">${start.nickName} </span>
                                    <#if m.sex=="1">
                                        <img src="${s.base}/mobile/img/man.png">
                                        <#else>
                                            <img src="${s.base}/mobile/img/women.png">
                                    </#if>

                                    <span>${start.age}</span>
                                    <span>${start.star}</span></p>
                                <p>长居：
                                    <span>${start.useAddress}</span>| 故居：
                                    <span>${start.comeAddress}</span></p>
                            </div>
                        </div>
                        <div class="role_feature">
                            <ul>
                                <li>
                                    <h3>TA的描述</h3>
                                    <p class="overhidden">
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span>${start.introduct!'未填'}</span></p>
                                </li>
                                <li>
                                    <h3>TA的期待</h3>
                                    <p class="overhidden">
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span>${start.want!'未填'}</span></p>
                                </li>
                                <li>
                                    <h3>TA的信息</h3>
                                    <p class="overhidden">
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span>${start.memberHeight!'未填'}</span>
                                    </p>
                                    <p class="overhidden">
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span>${start.schoolName!'未填'}</span></p>
                                </li>
                                <li>
                                    <h3>TA的标签</h3>
                                    <p>
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span class="tab_box">
                                                <#list start.memberTagList as tag>
                                                    <b>${tag}</b>
                                                </#list>
                                            </span>
                                    </p>
                                </li>
                                <li>
                                    <h3>可聊话题</h3>
                                    <p>
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span class="tab_box">
                                                <#list start.likeThemeList as likeTheme>
                                                    <b>${likeTheme}</b>
                                                </#list>
                                            </span>
                                    </p>
                                </li>
                                <li>
                                    <h3>日常运动</h3>
                                    <p>
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span class="tab_box">
                                                <#list start.likeSportList as likeSport>
                                                    <b>${likeSport}</b>
                                                </#list>
                                            </span>
                                    </p>
                                </li>
                                <li>
                                    <h3>音乐偏好</h3>
                                    <p>
                                        <i class="icon">
                                            <em></em>
                                        </i>
                                        <span class="tab_box">
                                                <#list start.likeMusicList as likeMusic>
                                                    <b>${likeMusic}</b>
                                                </#list>
                                            </span>
                                    </p>
                                </li>
                            </ul>
                            <a href="javascript:addStar('${start.id}');" class="getAdd">发起邀请</a></div>
                    </div>
                </div>
                <div class="swiper-container swiper-container-h">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="swiper-container swiper-container-v">
                                <div class="swiper-wrapper">
                                    <#if start.picOne!=null && start.picOne??>
                                        <div class="swiper-slide">
                                            <div class="role_img">
                                                <img src="${start.picOne}">
                                            </div>
                                        </div>
                                    </#if>

                                    <#if start.picTwo!=null && start.picTwo??>
                                        <div class="swiper-slide">
                                            <div class="role_img">
                                                <img src="${start.picTwo}">
                                            </div>
                                        </div>
                                    </#if>
                                    <#if start.picThree!=null && start.picThree??>
                                        <div class="swiper-slide">
                                            <div class="role_img">
                                                <img src="${start.picThree}">
                                            </div>
                                        </div>
                                    </#if>
                                    <#if start.picFour!=null && start.picFour??>
                                        <div class="swiper-slide">
                                            <div class="role_img">
                                                <img src="${start.picFour}">
                                            </div>
                                        </div>
                                    </#if>
                                    <#if start.picFive!=null && start.picFive??>
                                        <div class="swiper-slide">
                                            <div class="role_img">
                                                <img src="${start.picFive}">
                                            </div>
                                        </div>
                                    </#if>
                                </div>
                                <div class="swiper-pagination swiper-pagination-v"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="weui-tabbar">
    <a href="javascript:goFistPage('${memberId}')" class="weui-tabbar__item weui-bar__item--on">
        <div class="weui-tabbar__icon">
            <img src="${s.base}/mobile/img/start.png" alt=""></div>
        <div class="weui-tabbar__icon">
            <img src="${s.base}/mobile/img/start1.png" alt=""></div>
        <p class="weui-tabbar__label">发现</p></a>
    <a href="javascript:goMyPage('${memberId}')" class="weui-tabbar__item">
        <div class="weui-tabbar__icon">
            <img src="${s.base}/mobile/img/my.png" alt=""></div>
        <div class="weui-tabbar__icon">
            <img src="${s.base}/mobile/img/my1.png" alt=""></div>
        <p class="weui-tabbar__label">我</p></a>
</div>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="${s.base}/mobile/js/jquery-2.1.4.min.js"></script>
<script src="${s.base}/mobile/js/swiper.min.js"></script>
<script src="${s.base}/mobile/js/zepto.weui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${s.base}/mobile/js/loveDesc.js?1234"></script>
<script src="${s.base}/mobile/js/jquery-weui.js"></script>
<script src="${s.base}/mobile/js/base.js"></script>

<!--js分享代码开始-->
<input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
<input type="hidden" value="${jSTicketShareResponse.fxTitle}" id="fxTitle" />
<input type="hidden" value="${jSTicketShareResponse.fxImgUrl}" id="fxImgUrl" />
<input type="hidden" value="${jSTicketShareResponse.fxDesc}" id="fxDesc" />
<input type="hidden" value="${jSTicketShareResponse.fxUrl}" id="fxUrl" />
<input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
<input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
<input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
<script src="${s.base}/mobile/js/share.js"></script>
<!--js分享代码结束-->

</body>
</html>